<template>
    <view class="mt70  bgtmert pm40">
        <view class=" row pr pd">
        	<view class="col fz40 cf b">
        		鲁A·66666
        	</view>
			<view class="kjmlxeert" @tap="cexiao" v-if="type==0">撤销申请</view>
			<image src="../../../static/img/tongguo.png" class="kjhhggsgwe" mode="widthFix" v-if="type==1"></image>
       <image src="../../../static/img/wtongguo.png" class="kjhhggsgwe" mode="widthFix" v-if="type==2"></image>
              
	   
		</view>
		<view class="uugldlliyhs mt50 pd">
			
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					申请人
				</view>
				<view class="col cf">
					张三
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					所属部门
				</view>
				<view class="col cf">
					事业部
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					驾驶员
				</view>
				<view class="col cf">
					张某某
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					申请用车时间
				</view>
				<view class="col cf">
					2020-01-02 08:00
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					用车结束时间
				</view>
				<view class="col cf">
					2020-01-02 08:00
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					目的地
				</view>
				<view class="col cf">
					济南长清大学城
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					内部乘车人
				</view>
				<view class="col cf">
					张译毅、李格非
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					外部乘车人
				</view>
				<view class="col cf">
					暂无
				</view>
			</view>
			<view class="jhbbjhgsrr row fz30">
				<view class="jjnmbnnert z9">
					申请时间
				</view>
				<view class="col cf">
					2020-01-02 06:39
				</view>
			</view>
			
		</view>
		
		<view class="" v-if="type==1">
			<uni-list>
				<uni-list-item title="相关行程" note=""></uni-list-item>
			</uni-list>
			
			<view class="pd mt100">
				<button type="default" class="dbtn cf fz32" @tap="ishunngsd=true">归还用车</button>
			</view>
		</view>
	
		
		<view class="jjhbnjbbghxr" v-if="ishunngsd">
			<view class="kjhhbgnkjxeer">
				<view class="fz32 z3">
					归还车辆
				</view>
				<view class="mt40">
					<input type="text" value="" placeholder="请输入您的账号密码" class="kjnmkjnxertt" />
				</view>
				
				<view class="jjbbjhgbghwr row cen fz32">
					<view class="col z9" @tap="ishunngsd=false">
						取消
					</view>
					<view class="col ls"  @tap="guibijhjh">
						确定
					</view>
				</view>
				
			</view>
		</view>
		
		<view class="pd row mt50" v-if="type == 11">
			<view class="col mr20">
				<button type="default" class="kjhbnjhs" @tap="ishunngsdb=true">拒绝</button>
			</view>
			<view class="col ml20">
				<button type="default" class="kjhbnjhs ab">同意</button>
			</view>
		</view>
		
		<view class="jjhbnjbbghxr" v-if="ishunngsdb">
			<view class="kjhhbgnkjxeer">
				<view class="fz32 z3">
					拒绝原因（选填）
				</view>
				<view class="mt40">
					<input type="text" value="" placeholder="请输入" class="kjnmkjnxertt" />
				</view>
				
				<view class="jjbbjhgbghwr row cen fz32">
					<view class="col z9" @tap="ishunngsdb=false">
						取消
					</view>
					<view class="col ls"  @tap="ishunngsdb=false">
						确定
					</view>
				</view>
				
			</view>
		</view>
		
    </view>
</template>
<script>
    export default {
        data() {
            return {
				type:0 ,// 0未申请 1 通过 2. 未通过   11.审批的跳转过来的
				ishunngsd:false,
				ishunngsdb:false
			}
        },
        components: {},
        methods: {
			cexiao(){
				uni.showModal({
					title:'',
					content:'您确定撤销用车申请吗？'
				})
			},
			guibijhjh(){
				this.ishunngsd= false
				uni.showToast({
					title:'归还申请发送成功！'
				})
			}
		},
		onLoad(e) {
			this.type= e.type
		},
        mounted() {}
    }

</script>
<style  scoped>
	.kjmlxeert{
		width:188upx;
		height:66upx;
		line-height: 66upx;
		background:rgba(22,137,213,1);
		border:2upx solid rgba(22,137,213,1);
		box-shadow:0px 6upx 12upx rgba(0,0,0,0.16);
		text-align: center;
		color: #fff;
		font-size: 30upx;
		border-radius:12upx;
	}
	.uugldlliyhs{
		border-top:2upx solid rgba(112,112,112,1);
		padding-top: 30upx;
		
	}
	.jhbbjhgsrr{
		
			padding-top: 30upx;
			padding-bottom: 30upx;
	}
	.jjnmbnnert{
		width: 210upx;
	}
	.kjhhggsgwe{
		width: 271upx;
		position: absolute;
		right: 0;
		
	}
	.jjhbnjbbghxr{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		z-index: 1000;
	}
	.kjhhbgnkjxeer{
		width:602upx;
		height:420upx;
		background:rgba(255,255,255,1);
		border-radius:12upx;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		padding: 50upx 40upx;
		padding-bottom: 0;
	}
	.kjnmkjnxertt{
		height:100upx;
		border:2upx solid rgba(153,153,153,1);
		border-radius:12upx;
		padding-left: 30upx;
	}
	.jjbbjhgbghwr{
		line-height: 100upx;
		margin-top: 70upx;
	}
	.kjhbnjhs{
		background-color: #FC5A5A;
		color: #fff;
		font-size: 32upx;
	}
	.kjhbnjhs.ab{
		background-color: #1689D5;
	}
</style>
